<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>账户添加页面</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">个人积分详情</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px">
            <div class="yl-main">
                <div class="table_titel" style="flex-shrink: 0;">
                    <div class="titel">积分账户明细</div>
                </div>
                <el-descriptions style="flex-shrink: 0;" :column="3" size="large" border>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">用户身份证号</div>
                        </template>
                        <el-input disabled :value="account.ID_Card_Number?account.ID_Card_Number:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">用户姓名</div>
                        </template>
                        <el-input disabled :value="account.Personal_Name?account.Personal_Name:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">剩余积分总计</div>
                        </template>
                        <el-input disabled
                            :value="account.ID_Card_Number?accAdd(account.Party_Remain_Points,account.Villager_Remain_Points):''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">获取党员总积分</div>
                        </template>
                        <el-input disabled :value="account.Party_Total_Points?account.Party_Total_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">剩余党员积分</div>
                        </template>
                        <el-input disabled :value="account.Party_Remain_Points?account.Party_Remain_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">消费党员积分</div>
                        </template>
                        <el-input disabled :value="account.Party_Sales_Points?account.Party_Sales_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">获取村民总积分</div>
                        </template>
                        <el-input disabled :value="account.Villager_Total_Points?account.Villager_Total_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">剩余村民积分</div>
                        </template>
                        <el-input disabled :value="account.Villager_Remain_Points?account.Villager_Remain_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">消费村民积分</div>
                        </template>
                        <el-input disabled :value="account.Villager_Sales_Points?account.Villager_Sales_Points:''"
                            class="borderless-input" placeholder="" />
                    </el-descriptions-item>
                </el-descriptions>
                <div class="table_titel" style="flex-shrink: 0;">
                    <div class="titel">积分变动明细</div>
                </div>
                <el-tabs style="flex-shrink: 0;" v-model="page.activeName" type="card" @tab-click="handleClick">
                    <el-tab-pane name="first">
                        <template #label>
                            全部
                        </template>
                    </el-tab-pane>
                    <el-tab-pane name="second">
                        <template #label>
                            党员积分
                        </template>
                    </el-tab-pane>
                    <el-tab-pane name="three">
                        <template #label>
                            村民积分
                        </template>
                    </el-tab-pane>
                </el-tabs>
                <el-table border tooltip-effect="dark" :data="tableData" height="100%">
                    <el-table-column width="55" align="center" type="index" label="序号"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Personal_Name"
                        label="积分变动日志流水号"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Points_Title" label="变动标题"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Personal_Name" label="用户姓名"></el-table-column>
                    <el-table-column min-width="180" align="center" label="变动积分类型">
                        <template v-slot="{row}">
                            {{row.Points_Type == '1'?'党组积分':'村民积分'}}
                        </template>
                    </el-table-column>
                    <el-table-column min-width="180" align="center" prop="Change_Points" label="变动值"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Remain_Points" label="剩余积分"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="pointsSource" label="来源"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Notes" label="备注"></el-table-column>
                    <el-table-column min-width="180" align="center" label="变动时间">
                        <template v-slot="{row}">
                            {{getYMDHMSDate(row.Create_Datetime)}}
                        </template>
                    </el-table-column>
                    <el-table-column label="操作" align="center" fixed="right" width="120">
                        <template v-slot="{row}">
                            <el-button style="margin-right: 10px;" size="small" @click="handleShow1(row)">
                                查看附件
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination style="margin-top: 1%;flex-shrink: 0;" :current-page="page.PaginationNumber"
                    :page-size="page.RowAmount" :page-sizes="[10, 100, 200, 300, 400]"
                    layout="total, sizes, prev, pager, next, jumper" :total="Total" @size-change="handleSizeChange"
                    @current-change="handleCurrentChange" />
            </div>
        </div>
        <el-dialog v-model="dialogVisible" width="60%">
            <template #header>
                <div class="dialog-header">
                    <span>查看附件</span>
                </div>
            </template>
            <div class="dialog-content">
                <el-table id="table" border max-height="500" tooltip-effect="dark" :data="dataForm">
                    <el-table-column align="center" type="index" label="#" width="40"></el-table-column>
                    <el-table-column min-width="180" prop="Attachment_SerialNumber" label="附件流水号"></el-table-column>
                    <el-table-column min-width="180" prop="Attachment_URL" label="附件名称"></el-table-column>
                    <el-table-column width="200" fixed="right" align="center" label="操作">
                      <template v-slot="{row}">
                        <el-button type="primary" size="small" @click="preview(row)">
                          在线预览
                        </el-button>
                        <el-button type="success" size="small" @click="download(row)">
                          下载附件
                        </el-button>
                      </template>
                    </el-table-column>
                </el-table>
            </div>
            <template #footer>
                <div class="dialog-footer">
                    <el-button @click="dialogVisible = false" class="cancel-btn">取消</el-button>
                    <!-- <el-button type="primary" @click="saveFields" class="confirm-btn">保存</el-button> -->
                </div>
            </template>
        </el-dialog>
        <yl-online-preview :file-url="fileUrl" v-model="showDialog1"></yl-online-preview>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/points.js"></script>

</html>